﻿@model MvcHeatloss.Models.Room

@{
    ViewBag.Title = "Step1";
}

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

<section class="group5">
   <h3>Radiator Categories</h3>
   <ul>
    <li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Vertical Radiators</a></li>
	<li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Horizontal Radiators</a></li>
    <li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Column Radiators</a></li>
    <li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Heated Towel Rails</a></li>
	<li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Stainless steel Radiators</a></li>
	<li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Panel Radiators</a></li>
	<li><a href="#"><img src="~/Content/themes/base/images/ShoppingCart.png" width="30" height="25">Radiator Valves</a></li>
    </ul>
	</section>

<h2>Step1</h2>

@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>Room</legend>
        <div class="editor-label">
            Floor Type
        </div>
        <div class="editor-field">
           @Html.DropDownList("FloorType")
        </div>
        <div class="editor-label">
            Ceiling Type
        </div>
        <div class="editor-field">
           @Html.DropDownList("CeilingType")
        </div>
        <div class="editor-label">
            Wall Number 1
        </div>
         <div class="editor-label">
            @Html.LabelFor(model => model.RoomWalls[0].Height)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomWalls[0].Height)
            @Html.ValidationMessageFor(model => model.RoomWalls[0].Height)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.RoomWalls[0].Length)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomWalls[0].Length)
            @Html.ValidationMessageFor(model => model.RoomWalls[0].Length)
        </div>
        <div class="editor-label">
            Wall Type
        </div>
        <div class="editor-field">
           @Html.DropDownList("WallTypes1")
        </div>
              <div class="editor-label">
            Wall Number 2
        </div>
         <div class="editor-label">
            @Html.LabelFor(model => model.RoomWalls[1].Height)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomWalls[1].Height)
            @Html.ValidationMessageFor(model => model.RoomWalls[1].Height)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.RoomWalls[1].Length)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomWalls[1].Length)
            @Html.ValidationMessageFor(model => model.RoomWalls[1].Length)
        </div>
        <div class="editor-label">
            Wall Type
        </div>
        <div class="editor-field">
           @Html.DropDownList("WallTypes2")
        </div>
                      <div class="editor-label">
            Wall Number 3
        </div>
         <div class="editor-label">
            @Html.LabelFor(model => model.RoomWalls[2].Height)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomWalls[2].Height)
            @Html.ValidationMessageFor(model => model.RoomWalls[2].Height)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.RoomWalls[2].Length)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomWalls[2].Length)
            @Html.ValidationMessageFor(model => model.RoomWalls[2].Length)
        </div>
        <div class="editor-label">
            Wall Type
        </div>
        <div class="editor-field">
           @Html.DropDownList("WallTypes3")
        </div>
                      <div class="editor-label">
            Wall Number 4
        </div>
         <div class="editor-label">
            @Html.LabelFor(model => model.RoomWalls[3].Height)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomWalls[3].Height)
            @Html.ValidationMessageFor(model => model.RoomWalls[3].Height)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.RoomWalls[3].Length)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomWalls[3].Length)
            @Html.ValidationMessageFor(model => model.RoomWalls[3].Length)
        </div>
        <div class="editor-label">
            Wall Type
        </div>
        <div class="editor-field">
           @Html.DropDownList("WallTypes4")
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.RoomWindows.Height)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomWindows.Height)
            @Html.ValidationMessageFor(model => model.RoomWindows.Height)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.RoomWindows.Width)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomWindows.Width)
            @Html.ValidationMessageFor(model => model.RoomWindows.Width)
        </div>
        <div class="editor-label">
            Window Type
        </div>
        <div class="editor-field">
           @Html.DropDownList("WindowType")
        </div>
         <div class="editor-label">
            @Html.LabelFor(model => model.RoomDoors.Height)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomDoors.Height)
            @Html.ValidationMessageFor(model => model.RoomDoors.Height)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.RoomDoors.Width)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomDoors.Width)
            @Html.ValidationMessageFor(model => model.RoomDoors.Width)
        </div>
        <div class="editor-label">
            Outside Door Type (Note: you can ignor inside doors)
        </div>
        <div class="editor-field">
           @Html.DropDownList("DoorType")
        </div>
         <div class="editor-label">
            @Html.LabelFor(model => model.RoomSkylights.Width)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomSkylights.Width)
            @Html.ValidationMessageFor(model => model.RoomSkylights.Width)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.RoomSkylights.Length)
        </div>
        <div class="editor-field">
             @Html.EditorFor(model => model.RoomSkylights.Length)
            @Html.ValidationMessageFor(model => model.RoomSkylights.Length)
        </div>
        <div class="editor-label">
            Window Type
        </div>
        <div class="editor-field">
           @Html.DropDownList("SkylightType")
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
    
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
